<template>
  <!-- 付款 -->
  <el-dialog
    title="付款"
    :visible="value"
    width="700px"
    custom-class="dialog-box pay_content"
    @close="onClose"
    @open="onOpen"
    :close-on-click-modal="false"
    :append-to-body="true"
  >
     <div class="pay_fee_box">
      <div class="pay_icon_box">
        <i class="iconfont iconqian"></i>
      </div>
      <div class="pay_money_box">
        <label>应收金额：</label>
        <label style="font-size:26px;">￥506.80</label>
      </div>
      <div class="pay_menu">
        <ul>
          <li>
            <label>订单号</label>
            <label>24993</label>
          </li>
          <li>
            <label>门诊号</label>
            <label>78588</label>
          </li>
          <li>
            <label>姓名</label>
            <label>李军</label>
          </li>
          <li>
            <label>就诊日期</label>
            <label>2019-08-14</label>
          </li>
          <li>
            <label>收费明细</label>
            <label>点击查看</label>
          </li>
        </ul>
      </div>
    </div>
    <el-row>
        <el-button>条码支付<br/>商家扫</el-button>
        <el-button>扫码支付<br/>买家扫</el-button>
    </el-row>
    <el-row>
        <el-col>
          <label style="display:inline-block;width:100%;margin-bottom:10px;">请使用扫码枪读取用户手机上的条码</label>
          <el-input ref="phoneCode" v-model="code"></el-input>
        </el-col>
        <!-- <el-col>
          <label style="display:inline-block;width:100%;margin-bottom:10px;">扫描二维码支付</label>
          <img />
        </el-col> -->
    </el-row>
  </el-dialog>
</template>
<script>
export default {
    props:["value"],
  data() {
    return {
        code:'',
        source:''
    };
  },
  methods: {
    onOpen() {
      let th = this;
      th.$nextTick(function() {});
    },
    onClose() {
      let th = this;
    //   th.$refs["form"].resetFields();
      th.$emit("input", false);
    },
  }
};
</script>
<style lang="scss" scoped>
@import "../_css/pay.scss";
.pay_icon_box{
    width:50px!important;
    line-height: 50px!important;
    height:50px!important;
}
.pay_content .pay_money_box{
    margin-left: 10px;
    margin-top: 0px;
}
.pay_content .pay_menu{
    width: 63%;
    margin-top:-5px;
}
</style>